/**
 * Created by Administrator on 2016/3/9 0009.
 */
//首页右上角购物车弹出列表
$(document).ready(function() {
    $(".shopCar").mouseover(function () {
        $(".shopCar_cont").slideDown(600);
    });
    $("#shopCarClose").click(function () {
        $(".shopCar_cont").stop(false).slideUp(300);
    });
//购物车选择
    $(function () {
        //全选
        $("#check_all").click(function () {
            $('[type=checkbox]:checkbox').prop('checked', true);//这里不知道为什么，用attr()只能执行一次，用prop()就能正常执行
        });
        //全不选
        $("#check_no").click(function () {
            $('[type=checkbox]:checkbox').attr('checked', false);
        });
        //计算复选框选中的项目
        $("[name=items]").click(function () {
            var len = $("input:checkbox:checked").length;
            //alert("你一共选中了"+len+"个复选框");
            $(".number").text(len);
            var checked = $("input:checkbox:checked");
            var num = parseFloat($(checked).siblings("p").children("span").children("i").html());
            //$(".clearingPrice .price i").text(num);
            //alert(num);
            /*if (isNaN(num)) {
                $(".clearingPrice .price i").text(0);
            } else {
                var sum = 0;
                for (var i = 0; i < len; i++) {

                    sum += index[num];
                }
                $(".clearingPrice .price i").text(sum);
            }*/

        });
        var n =$(".shopCar_list li").length;
        $(".shopNum").text(n);
    });
//首页左侧二级菜单
    var $dl = $(".shopClass_item");
    $dl.mouseover(function () {
        $(this).find('ul').show();
    });
    $dl.mouseout(function () {
        $(this).find('ul').hide();
    });

//首页导航
    $(function () {
        var $nav_li = $(".nav li");
        $nav_li.click(function () {
            $(this).addClass("nav_active")
                .siblings().removeClass("nav_active");
        });
        /*$nav_li.mouseover(function () {
            $(this).addClass("nav_active")
                .siblings().removeClass("nav_active");
        });
        $nav_li.mouseout(function () {
            $(this).removeClass("nav_active");
        });*/
    });

//首页左侧轮播图
    $(function () {
        $(".imgBox li").eq(0).show();
        $(".imgNum li").mouseover(function () {
            $(this).addClass("active").siblings().removeClass("active");
            var index = $(this).index();
            i = index;//定时器与鼠标话入的时候索引值一样
            $(".imgBox li").eq(index).stop().fadeIn(600).siblings().stop().fadeOut(600);//因为.imgBox li是absolute图片呗一张覆盖，所以隐藏同级同类
        });

        //自动控制轮播图
        var i = 0;
        var t = setInterval(moveR, 1000);

        //核心向左运动函数
        function moveL() {
            i--;//向左
            if (i == -1) {
                i = 3;
            }
            $(".imgNum li").eq(i).addClass("active").siblings().removeClass("active");
            $(".imgBox li").eq(i).fadeIn(600).siblings().fadeOut(600);
        }

        //核心向右运动函数
        function moveR() {
            i++;//向右
            if (i == 4) {
                i = 0;
            }
            $(".imgNum li").eq(i).addClass("active").siblings().removeClass("active");
            $(".imgBox li").eq(i).fadeIn(600).siblings().fadeOut(600);
        }

        //定时器的开始与结束
        $(".banner_small").hover(function () {
            clearInterval(t);
        }, function () {
            t = setInterval(moveR, 1000);
        });

        //手动点击按钮轮播图
        $(".banner_small .left").click(function () {
            moveL();
        });
        $(".banner_small .right").click(function () {
            moveR();
        });
    });
    //首页左侧轮下播图
    $(function () {
        //首页左侧轮下播图
        $(".img_box li").eq(0).show();
        $(".img_num li").mouseover(function () {
            $(this).addClass("active").siblings().removeClass("active");
            var index = $(this).index();
            i = index;//定时器与鼠标划入的时候索引值一样
            $(".img_box li").eq(index).stop().fadeIn(300).siblings().stop().fadeOut(300);
        });

        //自动控制轮播图
        var i = 0;
        var t = setInterval(moveR, 2000);

        //核心向左运动函数
        function moveL() {
            i--;//向左
            if (i == -1) {
                i = 3;
            }
            $(".img_num li").eq(i).addClass("active").siblings().removeClass("active");
            $(".img_box li").eq(i).fadeIn(300).siblings().fadeOut(300);
        }

        //核心向右运动函数
        function moveR() {
            i++;//向右
            if (i == 4) {
                i = 0;
            }
            $(".img_num li").eq(i).addClass("active").siblings().removeClass("active");
            $(".img_box li").eq(i).fadeIn(300).siblings().fadeOut(300);
        }

        //定时器的开始与结束
        $(".bottom").hover(function () {
            clearInterval(t);
        }, function () {
            t = setInterval(moveR, 2000);
        });

        //手动点击按钮轮播图
        $(".bottom .left_btn").click(function () {
            moveL();
        });
        $(".bottom .right_btn").click(function () {
            moveR();
        });
    });

//商品展示页面
    //左侧选项卡
    $(function () {
        var $ul_img = $(".smallImg li a img");
        $ul_img.mouseover(function () {
            $(this).addClass("active")            //当前<img>元素高亮
                .parent("a").parent("li").siblings().children("a").children("img").removeClass("active");  //去掉二级父元素其他同辈元素的二级子元素<img>元素的高亮
            var index = $ul_img.index(this);  // 获取当前点击的<img>元素 在 全部<img>元素中的索引。
            $(".bigImg > img")   	//选取子节点。不选取子节点的话，会引起错误。如果里面还有div
                .eq(index).show()   //显示 <img>元素对应的<div>元素
                .siblings().hide(); //隐藏其它几个同辈的<img>元素
        });
    });
//右侧选择配送地址
    //弹出地址下拉框
    $(".select").mouseover(function () {
        $(".show_select").slideDown(600);
    });
    //收回地址下拉框
    $(".select").mouseleave(function () {
        $(".show_select").stop(false).slideUp(300);
    });
    //选择配送地址
    $(function () {
        var $li = $(".show_select li");
        $li.click(function () {
            var address = $(this).text();
            $(".select h3").text(address);
            $(".show_select").stop(false).slideUp(300);
        });
    });
    //右侧选择颜色和规格
    $(function () {
        var $colorSelect = $(".colorSelector").siblings().children(".des_item");
        var $memory = $(".des_select_more").siblings().children(".des_item");
        //选择颜色
        $colorSelect.click(function () {
            var colorTxt = $(this).text();
            $(".color").text(colorTxt);
            $(this).addClass("des_item_active").siblings().removeClass("des_item_active");
        });
        //选择规格
        $memory.click(function () {
            var memoryTxt = $(this).text();
            $(".memory").text(memoryTxt);
            $(this).addClass("des_item_active").siblings().removeClass("des_item_active");
        });
    });
    //加减商品数量
    $(function () {
        var t = $("#num");
        //数量增加
        $(".plus").click(function () {
            t.val(parseInt(t.val()) + 1);
            if (parseInt(t.val())==1){
                $('.reduction').attr('disabled',false);
            }
            setTotal();
        });
        //数量减少
        $(".reduction").click(function () {
            t.val(parseInt(t.val()) - 1);
            if (parseInt(t.val())<=1){
                $('.reduction').attr('disabled',true);//判断禁用input
            }
            setTotal();
        });
        function setTotal(){
            $("#total").html((parseInt(t.val())*1999.99).toFixed(2));//toFixed()保留小数点后两位
            $("#quota").html(parseInt(t.val()));//toFixed()是保留小数点的函数
        }
        //初始化
        setTotal();
    });
//商品筛选页
    $(".limit a").click(function(){
        $(this).addClass("screenActive").parent().siblings().children("ul").children("li").children("a").removeClass("screenActive");
    });
    var $a = $(".limit").siblings().children("ul").children("li").children("a");
    $a.click(function(){
        $(this).addClass("screenActive").parent().siblings().children().removeClass("screenActive");
        $(this).addClass("screenActive").parent("li").parent("ul").parent("dd").siblings().children().removeClass("screenActive");
    });
    //翻页
    $(".page a").click(function(){
        $(this).addClass("active").siblings().removeClass("active");
        });
});

